<template>
    <div class="wrap2">
        <p @click="check(0)">综合排序</p>
        <p @click="check(1)">最新</p>
        <p @click="check(2)">最热</p>
        <p @click="check(3)">价格从低到高</p>
        <p @click="check(4)">价格从高到低</p>
    </div>
</template>

<script>
    export default {
        name: "Sort",
        methods: {
            check(index) {
                this.$emit('hide')
                this.$store.commit('Sort',index)
            }
        }
    }
</script>

<style scoped lang="scss">
    .wrap2 {
        width: 100%;

        > p {
            line-height: 120px;
            text-align: center;
            color: #6c757d;
            border: {
                top: .1px solid #eee;
            };
        }
    }
</style>